@charset "utf-8";
@import "_common.scss";
.navbar {
   position: fixed;
   width: 100%;
    margin-bottom: 0px;
  
}


.news1{
    padding-top: 50px;
    .news-tittle{
        h2{font-size: 30px;
            color: #ff6b08;
            line-height: 63px;
            
             }
    }
}
.news-top{
    position: relative;
   
    a{ 
       overflow: hidden;
       margin-right: 15px;
        margin-left: -15px;
       width: 84%;
       img:hover{
          opacity: 0.8;
       }
       img:active{
          opacity: 0.8;
       }
       
    i{
        position: relative;
        display: inline-block;
        width: 100%;
        height: 42px;
        bottom: 42px;
        line-height: 42px;
        color: #FFFFFF;
        font-style: normal;
        text-align: center;
        font-size: 14px;
        overflow: hidden;
        background: rgba(0,0,0,.5);
    }
    }
    i:hover{
        color: #25B6A0;
    }
     i:active{
        color: #25B6A0;
    }
}
@media (min-width:1200px)
{
  .news-top a i{
      width: 84%;
} 
}
@media (max-width:768px)
{
  .news2{
     margin-top:10px;
} 
}
.news2{ margin-top: 30px;
    .news-content{
   
    position: relative;
    padding-bottom: 30px;
    .news-img {
        padding-top: 15px;}
        img{
            transition: 0.4s;
        }
        img:hover{
           transform: scale(1.02);
           opacity: 0.8;
           cursor: pointer; 
        }
    
    .news-text{
        h2{
          color: #000000;
          font-size: 18px;
//        line-height: 18px;  
          padding: 0;
          margin: 0;
        }
        h2:hover{
            color: #FF6B08;
            cursor: pointer;
        }
        small{
            font-size: 14px;
            display: block;
            color: #2a2a2a;
            padding-top: 17px;
        }
        span{
            display: block;
             padding-top: 23px;
            font-size: 14px;
        color: #2a2a2a;
        }
        a{
            display: block;
            position: absolute;
            width: 100px;
            height: 32px;
            border-radius: 25px;
            line-height: 32px;
            background: transparent;
            text-align: center;
            border:1px solid #FF6B08;
            color:#FF6B08;
            right: 0;
            bottom: -30px;
            
        }
        a:hover{
            background:#FF6B08 ;
            border: transparent;
            color: #FFFFFF;
            text-decoration: none;
        }
         a:active{
            background:#FF6B08 ;
            border: transparent;
            color: #FFFFFF;
            text-decoration: none;
        }
    }
}

}
@media (max-width: 480px){
.news2 .news-content{
    padding-bottom: 10px;}
}

@media (max-width: 480px){
.news2 .news-content .news-text h2{
    font-size: 14px;
    
}
.news2 .news-content .news-text small{
   padding-top:5px;
}
}


@media (max-width: 480px){
.new-img{padding-top: 0;}
 
}
@media (max-width: 480px){
.new-img img{height: 60px;width: 100%;
//margin: 0;padding: 0;
}
 
}
.news3{
    margin-top: 30px;
 ul{
     width: 50%;
     font-size: 0;
     margin: 0 auto;
     li{
         height: 31px;
         width:14.28%;
         font-size: 12px;
         text-align: center;
         display: inline-block;
         list-style: none;
      a{display: block;
        height: 100%;
        height: 100%;
        border-radius: 7px;
        border: 1px solid #dddddd;
        line-height: 31px;
        color: #2a2a2a;
        transition: 0.4s;
       transition: 0.5s;
        } 
       a:hover{
           background: #e34637;
           color: #FFFFFF;
           text-decoration: none;
           border: transparent;
       
      }
       a:active{
           background: #e34637;
           color: #FFFFFF;
           text-decoration: none;
           border: transparent;
       
      }     
       a.visted{
            background: #e34637;
           color: #FFFFFF;
           text-decoration: none;
           border: transparent;
       } 
     }
 }   
}
@media (max-width: 641px)and(min-width:540px){
 
.news3 ul {
    width: 60%;
}
}
@media (max-width: 539px)and(min-width:410px){
 
.news3 ul {
    width: 80%;
}}
@media (max-width: 409px)and(min-width:319px){
 
.news3 ul {
    width: 110%;
    margin-left: -35px;

}
}